<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>目录遍历</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="../../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
</head>
<body class="hold-transition dark-mode sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
<div class="wrapper">
  <nav id="Navbar" class="main-header navbar navbar-expand navbar-dark"></nav>
  <aside id="Container" class="main-sidebar sidebar-dark-primary elevation-4"></aside>
  <div class="content-wrapper" id="Wrapper">
    <section class="content-header" id="WrapperHeader"></section>
    <section class="content">
      <div class="container-fluid">
        <div id="notice"></div>
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">任意文件下载</h3>
          </div>
          <!-- /.card-header -->
          <div class="card-body">
            <table class="table table-bordered">
              <thead>
              <tr>
                <th>编号</th>
                <th>文件名</th>
                <th>文件类型</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody id="FileData"></tbody>
            </table>
          </div>
        </div>
        <div class="card card-primary card-outline" id="showSource">
          <div class="card-header">
            <h3 class="card-title">源代码&amp;提示</h3>
          </div>
          <div class="card-body">
            <div>
              <p>这里使用经典的文件下载业务演示目录遍历的作用。如果页面中没有显示数据，那么请你先通过前面的文件上传功能上传文件吧。</p>
              <p><strong>Servlet 实现代码</strong></p>
              <pre><code>&#x70;&#x75;&#x62;&#x6C;&#x69;&#x63;&#x20;&#x76;&#x6F;&#x69;&#x64;&#x20;&#x67;&#x65;&#x74;&#x46;&#x69;&#x6C;&#x65;&lpar;&#x48;&#x74;&#x74;&#x70;&#x53;&#x65;&#x72;&#x76;&#x6C;&#x65;&#x74;&#x52;&#x65;&#x71;&#x75;&#x65;&#x73;&#x74;&#x20;&#x72;&#x65;&#x71;&#x75;&#x65;&#x73;&#x74;&comma;&#x20;&#x48;&#x74;&#x74;&#x70;&#x53;&#x65;&#x72;&#x76;&#x6C;&#x65;&#x74;&#x52;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&rpar;&#x20;&#x74;&#x68;&#x72;&#x6F;&#x77;&#x73;&#x20;&#x49;&#x4F;&#x45;&#x78;&#x63;&#x65;&#x70;&#x74;&#x69;&#x6F;&#x6E;&#x20;&lcub;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x53;&#x74;&#x72;&#x69;&#x6E;&#x67;&#x20;&#x66;&#x69;&#x6C;&#x65;&#x4E;&#x61;&#x6D;&#x65;&#x20;&equals;&#x20;&#x72;&#x65;&#x71;&#x75;&#x65;&#x73;&#x74;&period;&#x67;&#x65;&#x74;&#x50;&#x61;&#x72;&#x61;&#x6D;&#x65;&#x74;&#x65;&#x72;&lpar;&quot;&#x66;&#x69;&#x6C;&#x65;&#x4E;&#x61;&#x6D;&#x65;&quot;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x53;&#x74;&#x72;&#x69;&#x6E;&#x67;&#x20;&#x73;&#x75;&#x66;&#x66;&#x69;&#x78;&#x20;&equals;&#x20;&#x66;&#x69;&#x6C;&#x65;&#x4E;&#x61;&#x6D;&#x65;&period;&#x73;&#x75;&#x62;&#x73;&#x74;&#x72;&#x69;&#x6E;&#x67;&lpar;&#x66;&#x69;&#x6C;&#x65;&#x4E;&#x61;&#x6D;&#x65;&period;&#x6C;&#x61;&#x73;&#x74;&#x49;&#x6E;&#x64;&#x65;&#x78;&#x4F;&#x66;&lpar;&apos;&period;&apos;&rpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x74;&#x72;&#x79;&#x20;&lcub;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x46;&#x69;&#x6C;&#x65;&#x49;&#x6E;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&#x20;&#x69;&#x6E;&#x20;&equals;&#x20;&#x6E;&#x65;&#x77;&#x20;&#x46;&#x69;&#x6C;&#x65;&#x49;&#x6E;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&lpar;&#x75;&#x70;&#x6C;&#x6F;&#x61;&#x64;&#x50;&#x61;&#x74;&#x68;&lpar;&#x72;&#x65;&#x71;&#x75;&#x65;&#x73;&#x74;&rpar;&#x20;&plus;&#x20;&#x46;&#x69;&#x6C;&#x65;&period;&#x73;&#x65;&#x70;&#x61;&#x72;&#x61;&#x74;&#x6F;&#x72;&#x20;&plus;&#x20;&#x66;&#x69;&#x6C;&#x65;&#x4E;&#x61;&#x6D;&#x65;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&period;&#x73;&#x65;&#x74;&#x48;&#x65;&#x61;&#x64;&#x65;&#x72;&lpar;&quot;&#x63;&#x6F;&#x6E;&#x74;&#x65;&#x6E;&#x74;&#x2D;&#x64;&#x69;&#x73;&#x70;&#x6F;&#x73;&#x69;&#x74;&#x69;&#x6F;&#x6E;&quot;&comma;&#x20;&quot;&#x61;&#x74;&#x74;&#x61;&#x63;&#x68;&#x6D;&#x65;&#x6E;&#x74;&semi;&#x66;&#x69;&#x6C;&#x65;&#x6E;&#x61;&#x6D;&#x65;&equals;&quot;&#x20;&plus;&#x20;&lpar;&lpar;&#x6E;&#x65;&#x77;&#x20;&#x49;&#x6D;&#x61;&#x67;&#x65;&#x56;&#x65;&#x72;&#x69;&#x66;&#x69;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;&#x43;&#x6F;&#x64;&#x65;&lpar;&rpar;&rpar;&period;&#x47;&#x65;&#x74;&#x52;&#x61;&#x6E;&#x64;&#x6F;&#x6D;&lpar;&#x31;&#x30;&rpar;&#x20;&plus;&#x20;&#x73;&#x75;&#x66;&#x66;&#x69;&#x78;&rpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x53;&#x65;&#x72;&#x76;&#x6C;&#x65;&#x74;&#x4F;&#x75;&#x74;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&#x20;&#x6F;&#x75;&#x74;&#x20;&equals;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&period;&#x67;&#x65;&#x74;&#x4F;&#x75;&#x74;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x62;&#x79;&#x74;&#x65;&lsqb;&rsqb;&#x20;&#x62;&#x75;&#x66;&#x66;&#x65;&#x72;&#x20;&equals;&#x20;&#x6E;&#x65;&#x77;&#x20;&#x62;&#x79;&#x74;&#x65;&lsqb;&#x31;&#x30;&#x32;&#x34;&rsqb;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x69;&#x6E;&#x74;&#x20;&#x6C;&#x65;&#x6E;&#x67;&#x74;&#x68;&equals;&#x2D;&#x31;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x77;&#x68;&#x69;&#x6C;&#x65;&lpar;&lpar;&#x6C;&#x65;&#x6E;&#x67;&#x74;&#x68;&equals;&#x69;&#x6E;&period;&#x72;&#x65;&#x61;&#x64;&lpar;&#x62;&#x75;&#x66;&#x66;&#x65;&#x72;&rpar;&rpar;&excl;&equals;&#x2D;&#x31;&rpar;&#x20;&lcub;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x6F;&#x75;&#x74;&period;&#x77;&#x72;&#x69;&#x74;&#x65;&lpar;&#x62;&#x75;&#x66;&#x66;&#x65;&#x72;&comma;&#x20;&#x30;&comma;&#x20;&#x6C;&#x65;&#x6E;&#x67;&#x74;&#x68;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&rcub;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x69;&#x6E;&period;&#x63;&#x6C;&#x6F;&#x73;&#x65;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x6F;&#x75;&#x74;&period;&#x63;&#x6C;&#x6F;&#x73;&#x65;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&rcub;&#x20;&#x63;&#x61;&#x74;&#x63;&#x68;&#x20;&lpar;&#x45;&#x78;&#x63;&#x65;&#x70;&#x74;&#x69;&#x6F;&#x6E;&#x20;&#x65;&rpar;&lcub;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x65;&period;&#x70;&#x72;&#x69;&#x6E;&#x74;&#x53;&#x74;&#x61;&#x63;&#x6B;&#x54;&#x72;&#x61;&#x63;&#x65;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&period;&#x73;&#x65;&#x74;&#x53;&#x74;&#x61;&#x74;&#x75;&#x73;&lpar;&#x35;&#x30;&#x30;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&period;&#x73;&#x65;&#x74;&#x43;&#x6F;&#x6E;&#x74;&#x65;&#x6E;&#x74;&#x54;&#x79;&#x70;&#x65;&lpar;&quot;&#x74;&#x65;&#x78;&#x74;&sol;&#x68;&#x74;&#x6D;&#x6C;&quot;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x53;&#x65;&#x72;&#x76;&#x6C;&#x65;&#x74;&#x4F;&#x75;&#x74;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&#x20;&#x6F;&#x75;&#x74;&#x20;&equals;&#x20;&#x72;&#x65;&#x73;&#x70;&#x6F;&#x6E;&#x73;&#x65;&period;&#x67;&#x65;&#x74;&#x4F;&#x75;&#x74;&#x70;&#x75;&#x74;&#x53;&#x74;&#x72;&#x65;&#x61;&#x6D;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x6F;&#x75;&#x74;&period;&#x77;&#x72;&#x69;&#x74;&#x65;&lpar;&#x65;&period;&#x67;&#x65;&#x74;&#x4C;&#x6F;&#x63;&#x61;&#x6C;&#x69;&#x7A;&#x65;&#x64;&#x4D;&#x65;&#x73;&#x73;&#x61;&#x67;&#x65;&lpar;&rpar;&period;&#x67;&#x65;&#x74;&#x42;&#x79;&#x74;&#x65;&#x73;&lpar;&rpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x6F;&#x75;&#x74;&period;&#x63;&#x6C;&#x6F;&#x73;&#x65;&lpar;&rpar;&semi;&NewLine;&#x20;&#x20;&#x20;&#x20;&rcub;&NewLine;&rcub;</code></pre>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <footer class="main-footer"></footer>
  <script src="../../dist/js/templateHandle.js"></script>
  <script>
    setWrapperHeader("目录遍历", ["任意文件下载"]);
  </script>
  <script src="../../plugins/jquery/jquery.min.js"></script>
  <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script src="../../dist/js/adminlte.js"></script>
  <script>
    showFiles()
    let notice_dom = $("#notice")[0]
    function showFiles(){
      $.get({
        url: `${project_name}fileAction/showFiles`,
        success(resp){
          let {data} = resp;
          if (data != null && data.length > 0){
            let ghtml = "";
            for (let i of data){
              let g = `<tr>
                <td>${i.id}</td>
                <td>${i.fileName}</td>
                <td>${i.fileType}</td>
                <td><a href="${project_name}fileAction/getFile?fileName=${i.fileName}" target="_blank" style="color: #53aefd;">下载</a></td>
              </tr>`;
              ghtml += g;
            }
            $("#FileData")[0].innerHTML = ghtml;
          }
        }
      })
    }
  </script>
</body>
</html>